<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>在线提问</title>
		<link rel="stylesheet" href="../../css/mui.min.css" />
		<link rel="stylesheet" href="../../css/mooc.css"/>
	</head>
	<style>
		.headbar {
			background-color: #3ac9af;
		}
		.mui-icon-left-nav {
			color: white;
		}
		
		.mui-title {
			color: white;
		}
		.mui-content{
			margin-bottom: 45px;
		}
		/****讨论列表****/
		.question .ques-content {
			margin-bottom: 10px;
			padding: 20px 18px 10px 18px;
			background-color: white;
		}
		
		.ques-content .elseinfo {
			height: 60px;
			padding: 0px 0px 0px 0px;
		}
		.elseinfo .userimg{
			float: left;
			margin-right:10px;
		}
		.elseinfo .userimg img{
			border-radius: 23px;
			float:left;
			width:45px;
			height:45px;
		}
		.elseinfo p {
			height: 13px;
		}
		
		.elseinfo .p1 {
			color: #4a4a4a;
			
		}
		
		.elseinfo .c2 {
			float: right;
			color: #34bfa6;
			font-size: 18px;
			margin-right: 3px;
		}
		.elseinfo .c3 {
			float: right;
			color: #b0b0b0;
			font-size: 10px;
		}
		.content-value {
			white-space: normal;
			word-break: break-all; word-wrap:break-word;
		}
		
		.reply-div {
			height: 25px;
			display:none;
		}
		
		.reply-div img {
			margin-top: 5px;
			margin-right: 3px;
			float: right;
			height: 18px;
			width: 20px;
		}
		
		.question .ques-answers {
			margin-top: 2px;
		}
		
		.answer{
			padding: 16px 18px 15px 18px;
			background: white;
			white-space: normal;
			border-bottom: 1px solid #f8f8f8;
			word-break: break-all; 
			word-wrap:break-word;
		}
		
		.answer .answeruser {
			height: 30px;
			color: #7b7b7b;
		}
		
		.answeruser .date {
			margin-left: 25px;
		}
		
		.answer-content .hfr {
			color: #7b7b7b;
			margin-right: 10px;
		}
		
		.noquestip {
			background-color: white;
			height: 200px;
			text-align: center;
			font-size: 17px;
			padding-top: 60px;
			margin-top: 10px;
		}
	    .courseinfo{
	    	padding:10px 0px 0px 0px;
	    	color:#ff9d34;
	    	font-size:16px;
	    }
	    .courseinfo .t2{
	    	margin-left:4px;
	    	margin-right:15px;
	    }
	    
	     .childanswerbtn{float:right;background-color:#3ac9af;padding:1px 5px 1px 5px;font-size:11px;margin-right:5px;color:white;border-radius:3px;}
		  
	    /****回答按钮****/
	        .mui-bar.mui-bar-tab{
				background: white;
			}
			.footbtndiv{
				text-align: center;
				padding-top:13px;
			}
			.footbtnspan{
				padding: 6px 28px 6px 28px;
				border: 1px solid #d5d5d5;
		    	border-radius:3px;
		    	color:#a5a5a5;
		    	font-size: 13px;
			}
			 /**提问输入框**/
           .putques-div{
           	position: fixed;
           	margin:65px 10% 10px 10%;
           	width:80%;
           	height:212px;
           	background-color: #f7f9fc;
           	z-index: 1000;
           	border: 1px solid #e0e2e5;
           	border-radius:15px;
           	display: none;
           }
          .putques-div .textdiv{
          	height:155px;
          	border-radius:15px 15px 0px 0px;
          	background-color:#f7f9fc;
          }
          .textdiv textarea{
          	background-color:#f7f9fc;
          	border:none;
          	border-radius:15px 15px 0px 0px;
          	font-size:13px; 
          	color:#3D4145;
          }
          .putques-div .btndiv{
          	width:100%;
          	height:55px;
          	border-radius:0px 0px 15px 15px;
          	background-color:#ffffff;
          	text-align: center1;
          	border-top: 1px solid #eaecee;
          }
          .btndiv .submitques{
          	text-align: center;
          	 display:inline-block;
          	width:50%;
          	font-size: 19px;
          	margin-top:1px;
          	color: #3ac9af;
          	padding-top:18px;
          	height:100%;
          }
          .btndiv .cancelques{
          	text-align: center;
          	 display:inline-block;
          	width:50%;
          	padding-top:18px;
          	font-size: 19px;
          	margin-top:1px;
          	color: #3ac9af;
          	height:100%;
          }
	</style>

	<body>
		<form>
			<input type="hidden" id="fParentid"/>
			<input type="hidden" id="fCourseid"/>
			<input type="hidden" id="fCatalogid"/>
			<input type="hidden" id="fResid"/>
		</form>
		<header class="mui-bar mui-bar-nav headbar">
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
			</a>
			<h1 class="mui-title">问题详情</h1>
		</header>
		<!--提问框start-->
			<div class="putques-div" id="putques-div">
				<div class="textdiv"><textarea id="questextarea" rows="6" placeholder="请输入您的回复..." onfocus="document.getElementById('footbartab').style.display='none'" onblur="document.getElementById('footbartab').style.display='block'"></textarea></div>
				<div class="btndiv"><span class="submitques">提交</span><span class="cancelques">取消</span></div>
			</div>
			<!--提问框end-->
		<div class="mui-scroll-wrapper">
		<div class="mui-content">
			
			<div class="questions" id="questions">
				<!--
				<div class="question">
					<div class="ques-content">
						<div class="elseinfo">
							<span class="userimg"><img data-lazyload="1"></span>
							<p class="p1">李晓娟</p>
							<p class="p2"><span class="c1">机械设计(1)班</span><span class="c2">2016-03-26 12:23</span></p>
						</div>
						<div class="content-value">这个字怎么念啊这个字怎么念啊这个字怎么念啊这个字怎么念啊这个字怎么念啊这个字怎么念啊</div>
						<div class="courseinfo"><span>课程:</span><span class="t2">电流课程</span><span>课题:</span><span class="t2">电流初探</span><span>资源:</span><span class="t2">视频学习</span></div>
						<div class="reply-div"><img src="../../images/reply.png"></div>
					</div>
					<div class="ques-answers">
						<div class="answer">
							<div class="answeruser"><span>王倩(老师)</span><span class="date">2015-12-12 12:23</span></div>
							<div class="answer-content"><span class="hfc">这个视频从机械原理讲起，真正让学院抛开书籍轻松快乐的学习，本资源通俗易懂，让你更高效的学习。</span></div>
						</div>
						<div class="answer">
							<div class="answeruser"><span>王倩(老师)</span><span class="date">2015-12-12 12:23</span></div>
							<div class="answer-content"><span class="hfr">回复&nbsp;王倩:</span><span class="hfc">这个视频从机械原理讲起，真正让学院抛开书籍轻松快乐的学习，本资源通俗易懂，让你更高效的学习。</span></div>
						</div>
					</div>
				</div>
				-->
			</div>
		</div>
		</div>
        <nav class="mui-bar mui-bar-tab" id="footbartab">
			<div class="footbtndiv"><span class="footbtnspan">点击回复</span></div>
		</nav>
	</body>
	<script type="text/javascript" src="../../js/mui.min.js"></script>
	<script src="../../js/fastclick.js"></script>
		<script src="../../js/mui.lazyload.js"></script>
	<script src="../../js/mui.lazyload.img.js"></script>
	<script src="../../script/config.js"></script>
	<script src="../../script/moocpublic.js"></script>
	<script src="../../js/DMobileFrame_DownLoadUtil.js"></script>
	<script src="script/questiondetail.js"></script>

</html>